<template>
  <div class="CourseIntroduce">
    <Title title="课程简介" />
    <div style="padding: 20px 0; line-height: 28px">
      {{ data }}
    </div>
  </div>
</template>

<script setup>
import Title from "../common/Title.vue";
import Video from "../common/Video.vue";
import preview from "../../views/preview.vue";
import { ref } from "vue";
import { useSubjectStore } from "../../store/subject";
const previewRef = ref(null);
let subjectStore = useSubjectStore();
console.log("🚀 ~ subjectStore:", subjectStore.courseDetail);
const data = subjectStore?.courseDetail?.classIntroduce?.content;
onMounted(() => {
  console.log(previewRef.value);
  // previewRef.value.onOpen({
  //   downloadPath: "/public/Sample_12.pptx",
  //   suffix: "pptx",
  // });
});
</script>

<style lang="less" scoped>
.CourseIntroduce {
  padding: 20px 30px;
}
</style>
